status: Set descriptive menu button a11y names for quick sliders

Make it clearer to screen reader users what menu buttons do by adding
descriptive labels, and not using the generic one everywhere.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3828>

diff --git a/js/ui/status/brightness.js b/js/ui/status/brightness.js
index f2e7f1b212d75e2124940acaf1ae55337e0fe30a..2ca09f34215469b8aaf7e175ad2861fe9f7d4a4d 100644 (file)
--- a/js/ui/status/brightness.js
+++ b/js/ui/status/brightness.js
@@ -39,6 +39,7 @@ class BrightnessItem extends QuickSlider {
     _init() {
         super._init({
             iconName: 'display-brightness-symbolic',
+            menuButtonAccessibleName: _('Open brightness menu'),
         });
 
         this.slider.accessible_name = BRIGHTNESS_NAME;

diff --git a/js/ui/status/volume.js b/js/ui/status/volume.js
index 89d3bebec1a863ed84dd717001665983599f5d1a..f966fbb853ffd9e078c73a96df3ecd463cb5b97c 100644 (file)
--- a/js/ui/status/volume.js
+++ b/js/ui/status/volume.js
@@ -307,6 +307,7 @@ class OutputStreamSlider extends StreamSlider {
         ];
 
         this.menu.setHeader('audio-headphones-symbolic', _('Sound Output'));
+        this.menuButtonAccessibleName = _('Open sound output menu');
     }
 
     _connectStream(stream) {
@@ -382,6 +383,7 @@ class InputStreamSlider extends StreamSlider {
         ];
 
         this.menu.setHeader('audio-input-microphone-symbolic', _('Sound Input'));
+        this.menuButtonAccessibleName = _('Open sound input menu');
     }
 
     _connectStream(stream) {